<%--
  Created by IntelliJ IDEA.
  User: cxz
  Date: 2025/6/30
  Time: 14:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>用户列表</title>
    <script type="application/javascript" src="${pageContext.request.contextPath}/js/jquery-3.6.0.js"></script>
    <script type="application/javascript">
        // $(document).ready(function () {
        //
        // });
        $(function () {
            $("#btn").click(function (){
                let param = {
                    username: "cxz",
                    age:"20"
                }
                $.ajax({
                    type: "post",
                    url: "${pageContext.request.contextPath}/tree.action",
                    data:param,
                    success: function (res) {
                        document.getElementById("divDemo").textContent = res.name;
                    },
                    error: function (xhr,status,error) {
                        console.log("错误码："+status.code+"，信息："+error)
                    }
                })
            })
        })
    </script>
</head>
<body>
    <div>
        ${pageContext.request.contextPath}
    </div>
    <table border="1" width="500px">
        <tr><th>编号</th><th>姓名</th><th>性别</th></tr>
        <c:forEach items="${userList}" var="user" varStatus="status">
            <tr><td>${status.count}</td><td>${user.username}</td><td>${user.gender}</td>
            </tr>
        </c:forEach>
    </table>
    <div id="divDemo">

    </div>
    <input type="button" value="测试" id="btn" />
</body>
</html>
